<template>
  <div class="header-logo">
    <a target="_self" class="header-logo-container" href="/">
      <div class="logo">

      </div>
      <div class="text">
        RMS<br/>
        MALL
      </div>
    </a>
  </div>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
.header-logo{
  align-self: flex-start;
  a{
    font-weight: 600;
    color: var(--devui-text, #252b3a);
    font-size: var(--devui-font-size, 12px);
  }
  .header-logo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 24px;
    .text {
      font-size: var(--devui-font-size, 12px);
      text-align: center;
    }
  }
}

</style>
